<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            background: url("../image/bg.png");
        }
        .content{
            width: 400px;
            height: 400px;
            background: white;
            margin: auto;
            text-align: center;
            border-radius: 5px;
        }
        input{
            border-radius: 5px;
            border: red solid 1px;
        }
    </style>

</head>
<body>
        <div><img src="../image/logo.png"></div>
        <div class="content">
            <form method="get" action="#" autocomplete="off">
            <div>注册详情</div>
            <hr/>
                <div>
                    <label for="username">姓名</label>
                    <input type="text" name="username" id="username" placeholder="请输入用户名">
                </div>
                <div>
                    <label for="pwd">密码</label>
                    <input type="password" name="pwd" id="pwd" placeholder="请输入密码名">
                </div>
                <div>
                    <label for="email">邮箱</label>
                    <input type="email" name="email" id="email" placeholder="请输入邮箱">
                </div>
                <div>
                    <label for="tel">手机</label>
                    <input type="tel" name="tel" id="tel" placeholder="请输入手机号">
                </div>
           <hr/>
                <div>
                    <label for="gender">性别:</label>
                    <input type="radio" name="gender" value="man" id="gender" >男&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="gender" value="女" >女&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="gender" value="其他" >其他
                </div>
                <div>
                    <label for="hobby">爱好:</label>
                    <input type="checkbox" name="hobby" value="music" id="hobby" >音乐
                    <input type="checkbox" name="hobby" value="movie" >电影
                    <input type="checkbox" name="hobby" value="game" >游戏
                </div>
                <div>
                        <label for="birthday">出生日期:</label>
                    <input type="date" name="birthday" id="birthday" >
                </div>
                <div>
                    <label >所在城市:</label>
                    <select>
                        <option>--请选择所在的城市--</option>
                        <optgroup label="直辖市">
                            <option>北京</option>
                            <option>上海</option>
                        </optgroup>
                        <optgroup label="省会">
                            <option>武汉</option>
                            <option>郑州</option>
                        </optgroup>
                    </select>
                </div>
           <hr/>
                <div>
                    <label style="vertical-align: top">个性签名</label>
                    <textarea placeholder="请写下你的与众不同" rows="5" cols="40"></textarea>
                </div>
           <hr/>
                <div>
                    <button type="submit">提交</button>
                    <button type="reset">重置</button>
                </div>
            </form>
        </div>
        <<!--form method="get" action="http://www.baidu.com" autocomplete="off">
            <label for="usernmae">用户名</label>
            <input type="text " name="username" id="usernmae"><br>

            <label for="pwd">密码</label>
            <input type="password" name="username" id="pwd"><br>

            <label for="email">邮箱</label>
            <input type="email" name="email" id="email"><br>

            <label for="gender">性别</label>
            <input type="radio" name="gender" id="gender" value="man">男
            <input type="radio" name="gender" value="woman">女
            <input type="radio" name="gender" value="other">其他<br>


            <label for="hobby">爱好</label>
            <input type="checkbox" name="hobby" id="hobby" value="game">游戏
            <input type="checkbox" name="hobby" value="music">音乐
            <input type="checkbox" name="hobby" value="movie">看电影<br>

            <label for="time">当前时间</label>
            <input type="time" name="time" id="time"><br>
            <button type="submit">提交</button>
            <button type="reset">重置</button>
        </form>-->
</body>
</html>